.clearfix:after { content: ""; display: table; clear: both}
.inpbg {height: 37px;line-height: 37px;background: #004799;cursor: pointer;color: #fff;text-align: center}

.header {margin-bottom: 0px}
.center-wrap { position: relative; z-index: 1; width: 1040px; /*height: 100%;*/ margin: 0 auto}
.desc { position: relative; z-index: 1}

.section .meizu-logo { float: left; margin: 0; padding: 30px 0}
.meizu-logo a { float: left; width: 114px; height: 20px; font-size: 0; background-image: url(../fullPage/images/logo.png)}
.center-wrap .nav { float: right; margin-right: 150px}
.center-wrap .nav li { float: left}
.center-wrap .nav a { display: block; padding: 31px 22px 30px}
.login { position: absolute; right: 0; top: 31px}
.login a { margin: 0 5px; padding-top: 31px}
.banner {position: absolute;height: 100%;}
.banner li{float: left;}
.bannerbox{position: relative;}
.banner01 { background:url(/img/banner/banner-01.png) 50% 0 no-repeat; background-size:cover;height: 100%;}
.banner02 { background:url(/img/banner/banner-03.png) 50% 0 no-repeat; background-size:cover;height: 100%;}
.banner03 { background:url(/img/banner/banner-04.png) 50% 0 no-repeat; background-size:cover;height: 100%;}
.banner-desc { position: absolute; width: 386px; margin: 0 auto; color: #FFF; bottom: 95px; left: 50%; margin-left: -193px}
.banner-desc h1 { text-align: center}

.icon-nav{position:absolute;top:80%;right:20%;}
.icon-nav span{width: 70px; height: 10px;background-color: #ccc;display: block;float: left;margin-left: 10px;cursor: pointer;}
.icon-nav .cuB{background-color:#004799; }

.section { overflow: hidden}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400}
.section .banner-1-title{margin-bottom: 20px; line-height: 1.4; font-size: 30px; font-weight: 400;text-align: center;}
.section .bg {margin: 0 auto}
.banner-1 {margin-top:140px;}
.banner-1 .bg{background: url(/img/banner/banner-02.png) center 0 no-repeat;width: 1000px;height:300px;}
.banner-1 .lvtuan {margin-top:10%;height: 177px;line-height:177px;font-size: 60px;font-weight: 500;/*background: url(/img/banner/banner-wz-01.png) no-repeat 50% 50%;*/}
.banner-1 .lvtuan font{  margin: 0 50px;width: 17px;border-top: 2px solid red;height: 18px;display: inline-block}
.banner-1 .link-btn .title-1{float:left;text-align: center;width:500px;}
.banner-1 .link-btn .title-1 p{font-size: 16px;line-height: 28px;}
.banner-1 .link-btn .title-1 a{ font-size: 20px;color: #004799;line-height: 40px;}
.qz-right .addtoCircle, .chenggang .iwanttotry, .banner-4 .seemore, .banner-4 .learnmore {width: 150px;margin-right: 30px;display: inline-block;height: 45px;line-height: 45px;font-size: 16px}
.qz-right a:hover,.chenggang a:hover,.banner-5 .seemore:hover,.banner-4 .learnmore:hover,.banner-4 .seemore:hover{color: #fff}
.banner-1 .link-btn .weasking{margin-right: 125px}
.banner-1 .link-btn .onlookers{margin-right: 0;margin-left: 220px}


.banner-2 {background: #fff;background:url(/img/banner-img/wenshu.png) no-repeat;}
.banner-2 .container .title-1{float: right;text-align: center;margin:300px 90px 0 0;}
.banner-2 .container .title-1 p{font-size: 16px;line-height: 28px;}
.banner-2 .container .title-1 a{ font-size: 20px;color: #004799;line-height: 40px;}
.qz-left,.qz-right{width: 50%;float: left;margin-top:20px}
.banner-2 h2.title{margin-top:15%;  font-size: 50px;font-weight: 500;margin-bottom: 20px;height: 60px;line-height: 60px;text-align: center;letter-spacing: 48px;padding-left: 24px}
.banner-2 h2.title font{background: #fff;border: 1px solid #f1f1f1;border-radius: 100px;text-align: center;margin-left: 10px;letter-spacing: 0px;width: 50px;height: 50px;padding: 5px 15px;margin-right: 35px}
.banner-2 h2.fined{font-size: 30px;font-weight: 500;height: 60px;line-height: 60px;text-align: center;letter-spacing: 10px}
.qz-left .qz-img{  width: 400px;  margin: 0 auto;  float: right;margin-right:20px}
.qz-left .qz-img li{float: left;width: 80px; height: 80px;padding: 10px}
.qz-left .qz-img li a img{border:2px solid #fff;border-radius: 50%;border-radius: 100px}
.qz-left .qz-img li:nth-child(4) a img{border:2px solid #004799}
.qz-left .qz-img li a img:hover{border:2px solid #004799}
.qz-right .intruduction{height:220px;color: #424242;width: 300px;border: 1px solid #c9c9c9;background-color: #fff;margin-top:20px;margin-left: 50px;padding: 20px;overflow: hidden}
.qz-right .intruduction h3{font-size: 18px;font-weight: normal}
.qz-right .intruduction h3 #name{padding-right: 20px}
.qz-right .intruduction .texts{color: #757575;  margin-top: 50px}
.qz-right .intruduction .texts li{padding-left: 25px;height: 25px;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.qz-right .intruduction .texts li a, .qz-right .intruduction .texts li a:hover{margin-left: 15px;color: #757575; }
.qz-right .addtoCircle{margin-left: 50px;margin-top: 50px;width: 342px}


.banner-3 {background: url(/img/banner-img/huiyuanka.png) center 0 no-repeat}
.banner-3 .bg{}
.banner-3 .container .title-1{float:center;text-align: center;margin:140px 0px 0 0;}
.banner-3 .container .title-1 p{font-size: 16px;line-height: 28px;}
.banner-3 .container .title-1 a{ font-size: 20px;color: #004799;line-height: 40px;}
.banner-3 h2{margin-top: 15%;color: #fff;font-size: 50px;font-weight: 500;margin-bottom: 20px;height: 60px;line-height: 60px;text-align: center}
.banner-3 .graphic{width: 700px; float: left;overflow: hidden}
.banner-3 .chenggang{ margin-top: 50px;background-color: rgba(255,255,255,0.5); width: 230px;height: 450px;float: right;margin-right: 50px;text-align: center}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .banner-3 .chenggang{
    background-color:#ffffff;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }255
}
.banner-3 .graphic{margin-top:70px}
.banner-3 .graphic li{width: 700px;overflow: hidden;clear: both;margin-bottom: 10px}
.banner-3 .graphic .newsimg{display: inline-block; float: left;width: 198px; height: 129px}
.banner-3 .graphic .newstxt{float: left;  width: 350px;  margin: 0 20px}
.banner-3 .graphic .newstxt .title {font-size: 16px;color: #424242}
.banner-3 .graphic .newstxt .text {width: 930px;margin: 0 auto 40px;color: #757575}
.banner-3 .graphic .newstxt .left{float: left;color: #7e7d7c}
.banner-3 .graphic .newstxt .right{float: right;color: #7e7d7c}
.banner-3 .graphic .wbtxt,.banner5 .graphic .newstxt a,.banner5 .graphic .newstxt label{color: #7e7d7c}
.banner-3 .graphic .wbtxt{margin-top: 5px;height: 70px;overflow: hidden}
.banner-3 .graphic{margin-top:70px}
.banner-3 .graphic li{width: 700px;overflow: hidden;clear: both;margin-bottom: 10px}
.banner-3 .graphic .newsimg{display: inline-block; float: left;width: 198px; height: 129px}
.banner-3 .graphic .newstxt{float: left;  width: 350px;  margin: 0 20px}
.banner-3 .graphic .newstxt .right{float: right}
.banner-3 .graphic .wbtxt,.banner5 .graphic .newstxt a,.banner5 .graphic .newstxt label{color: #7e7d7c}
.banner-3 .graphic .wbtxt{margin-top: 5px;height: 70px;overflow: hidden}

.chenggang .lvsename{width: 160px; margin: 20px auto}
.chenggang .lvsename li{color: #424242}
.chenggang .lvsename li.txtcenter{text-align: center;  line-height: 30px;font-size: 16px}
.chenggang .lvsename li.center{text-align: center;  line-height: 30px;font-size: 16px}
.chenggang .lvsename li.gyd{line-height: 40px;height:40px;margin-top: 15px}
.chenggang .lvsename li.gyd label{float: left}
.chenggang .lvsename li font{float: right;color: red;font-size: 18px}
.chenggang .iwanttotry{color: #fff; margin: 20px auto 0 auto}

.banner-4 {}
.banner-4 .bg{margin-top: -50px; background: url(/img/banner-img/zxun.png) center 0 no-repeat;width: 1000px;height: 450px;}
.banner-4 .margintop{margin-top:20%}
.banner-4 .container .title-1{float:center;text-align: center;margin:100px 0px 0 0;}
.banner-4 .container .title-1 p{font-size: 16px;line-height: 28px;}
.banner-4 .container .title-1 a{ font-size: 20px;color: #004799;line-height: 40px;}
.banner-4 h2{  font-size: 50px;font-weight: 500;margin-bottom: 20px;height: 60px;line-height: 60px}
.banner-4 h2 font{color: #004799}
.banner-4 h2 span{padding: 0 100px}
.banner-4 .titlename{color: #666;width: 257px;margin: 0 auto;line-height: 25px;padding: 10px 0}
.banner-4 .left,.banner-4 .right{width: 410px;text-align: center}
.banner-4 .left{float: left}
.banner-4 .right{float: left;margin-left: 110px}
.banner-4 .left .xiangmore,.banner-4 .right .xiangmore{background: #c9c9c9;border-radius: 6px;  padding: 20px;  color: #666;width: 370px;height: 243px}
.banner-4 .seemore,.banner-4 .learnmore{margin: 20px auto}


.banner-5 {}



.banner-5 {background: #fff;/* background: url(../fullPage/images/bg7-s.png) center 0 no-repeat;*/}
.yzbt{margin-top:8%;text-align: center}
.yzbt .h2{  font-size: 40px;font-weight: 500;height: 60px;line-height: 60px}
.yzbt .yzbtimgtxt{  width: 866px;height:165px;margin: 0 auto;background: url(/img/banner/banner-6-bg.png) center center no-repeat}
.yzbt .yzbtimgtxt li{float: left;width: 215px;margin-top: 145px}
.yzbt .yzbtimgtxt li .txt1{padding-left: 14px}
.yzbt .yzbtimgtxt li .txt2{text-align: center}
.yzbt .yzbtimgtxt li .txt3{padding-left: 63px}
.yzbt .yzbtimgtxt li .txt4{padding-left: 105px}
.yzbt .yzbtimgtxt li h4{margin: 10px 0;color: #424242}
.yzbt .yzbtimgtxt li p{line-height: 25px;color: #424242}
.yzbt .yzbtimgtxt li.last{margin-right: 0px}

.banner-6 { }

.banner-6 .bg {background: url(/img/banner-img/lvtuan-title.png) center 0 no-repeat;width: 1000px;height: 240px;margin: 80px auto;}


.banner-7 {background: #f1f1f1}*/
.mtbd{text-align: center;margin-top: 20px}
.mtbd p{padding-top:0px;font-size: 40px;font-weight: 500;height: 60px;line-height: 60px}
.mtbd ul{margin-top: 30px}
.mtbd ul li{text-align: center;margin-bottom: 10px}
.mtbd ul li a{  margin-right: 10px;width: 180px;padding: 10px;background: #fff;vertical-align: middle;display: inline-block}

.story{margin: 0 auto;min-width: 980px;width: 980px}
.story .float-left, .story .float-right{padding: 100px 0 0 0;position: relative;width: 350px;	}

.flyme {background-color: #f1f1f1;/* background: url(../../fullPage/images/meilannote2/features/bg9-s.png) center 0 no-repeat;*/}
.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.footer-link dl { float: left; width: 19.9%}
.footer-link dt { line-height: 45px; font-weight: 700}
.footer-link dd { line-height: 28px}
.footer-link a { color: #515151; text-decoration: none}
.footer-link a:hover { color: #31a5e7}

.copyright { padding: 20px 0; text-align: center}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none}

@media screen and (min-width:1920px) {

	.banner-1 .lvtuan {margin-top:20%}
	.banner-2 h2.title{margin-top:25%; }
	.banner-3 h2{margin-top: 25%}
	.banner-4 .margintop{margin-top:27%}
	.yzbt{margin-top:20%}

	.cnc-desc { padding-top: 50%}
	.thin-img { margin-top: 100px; margin-left: -720px}
	.thin-img2 { left: 400px}
	.thin-img1 { left: 230px; width: auto}
	.thin-img2 { left: 480px; width: auto}
	.screen-desc { padding-top: 200px}
	.screen-img img { width: 1200px}
	.cpu-img { position: absolute; bottom: -300px; left: 50%; margin-left: -666px}
	.cpu-img img { width: 1200px}
	.net-img { top: 16%; left: 0}
	.battery-img img { width: 1200px}
	.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -600px; padding-top: 400px; width: 1200px; height: 752px; z-index: 1}
	.flyme-img img { position: absolute}
	.flyme-pic1 { left: 0; padding-top: 60px; width: auto}
	.flyme-pic2 { left: 368px; width: auto; z-index: 1}
	.flyme-pic3 { left: 755px; padding-top: 60px; width: auto}
	.parameters-list li h2 { height: 100px; line-height: 100px}
}

@media screen and (max-width:1440px) {
	.banner-1 .lvtuan {margin-top:8%}
	.banner-2 h2.title{margin-top:15%; }
	.banner-3 h2{margin-top: 15%}
	.banner-4 .margintop{margin-top:17%}
	.yzbt{margin-top:12%}
}

.box{background: url(/img/banner-img/bg1-01.png) center 0 no-repeat}

.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2)}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317')}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24')}
.cor_bs,.cor_bs:hover{color:#ffffff}
.keBody{background:url(../images/bodyBg.png) repeat #333}
.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.png) repeat-x bottom left; font-weight:normal}
.kePublic{ background: #FFF; }
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.png) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff}
.keUrl{color:#FFF; font-size:30px}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center}
/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
#top{width:988px; margin:auto;height:80px}
#top .logo{float:left;width:178px;height:80px}
#top .m{float:right;line-height:80px;width:580px}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px}
#top .m a:hover{ opacity:0.9}
#top .m .a{color:#169bfd}

.DB_tab25 {width:100%;height:700px;position:relative;overflow:hidden;cursor:pointer}
.DB_tab25 .DB_bgSet{position:relative}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:700px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px}

.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:300px}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:250px;top:80px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:230px;top:150px}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:20px;top:100px}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:300px;top:380px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:200px;top:330px}
.DB_tab25 .DB_imgSet .DB_2_4{position:absolute;left:290px;top:420px}
.DB_tab25 .DB_imgSet .DB_2_5{position:absolute;left:330px;top:290px}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:1000px;top:0px}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:260px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:50px;top:450px}

.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:680px;text-align:center;font-size:0; border-radius:20px}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:378px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:378px;cursor:pointer;display:none}


.weixincode{text-align: center}
.weixincode h3.distance{margin-top: 42px;color: #004799}
.weixincode img{margin-top: 20px}
.weixincode .viewIssues{margin-top: 40px;width: 320px;height: 45px;line-height: 45px;border: none;font-size: 16px;font-weight: bold}


/*linkimg*/
.mtbd ul li a.linkBg{ background: url(/img/link/MyLink.png) no-repeat; width:164px; height:720px;}
.mtbd ul li a.link01{background-position:0 0px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link02{background-position:0 -60px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link03{background-position:0 -120px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link04{background-position:0 -180px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link05{background-position:0 -240px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link06{background-position:0 -300px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link07{background-position:0 -360px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link08{background-position:0 -420px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link09{background-position:0 -480px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link10{background-position:0 -540px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link11{background-position:0 -600px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
.mtbd ul li a.link12{background-position:0 -660px;width:164px;height:50px; padding:0; border:0; margin:10px 24px;}
/*portrait*/
.qz-left ul li a.portraitBg{ background: url(/img/circle/portrait.png) no-repeat; width:80px; height:80px;border: 2px solid #fff;border-radius: 50%;display: block; padding:0;}
.qz-left ul li a.portraitBg:hover {border: 2px solid #004799;}
.qz-left ul li a.portrait01{background-position:0px 0px; }
.qz-left ul li a.portrait02{background-position:-88px 0px; }
.qz-left ul li a.portrait03{background-position:-176px 0px; }
.qz-left ul li a.portrait04{background-position:-264px 0px; }
.qz-left ul li a.portrait05{background-position:0px -88px; }
.qz-left ul li a.portrait06{background-position:-88px -88px; }
.qz-left ul li a.portrait07{background-position:-176px -88px; }
.qz-left ul li a.portrait08{background-position:-264px -88px; }
.qz-left ul li a.portrait09{background-position:0px -176px; }
.qz-left ul li a.portrait10{background-position:-88px -176px; }
.qz-left ul li a.portrait11{background-position:-176px -176px; }
.qz-left ul li a.portrait12{background-position:-264px -176px; }
.qz-left ul li a.portrait13{background-position:0px -264px; }
.qz-left ul li a.portrait14{background-position:-88px -264px; }
.qz-left ul li a.portrait15{background-position:-176px -264px; }
.qz-left ul li a.portrait16{background-position:-264px -264px; }

.chenggang ul li .lvsename-portraitBg{background: url(/img/circle/portrait.png) 0px -264px;width:80px; height:80px;display: block; margin: 0 auto;}